<template>
  <el-descriptions
    :title="t('ustcstudent.view.tabDegree.undergraduate')"
    :column="2"
    border
    label-width="150"
  >
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.undergraduateSchool')"
      width="280"
    >
      <EditInput
        v-model="model.undergraduateSchool"
        :placeholder="
          t('common.inputTextPlaceholder') + t('ustcStudentInfoDegree.fields.undergraduateSchool')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.undergraduateDate')" width="280">
      <EditDate
        v-model="model.undergraduateDate"
        :placeholder="
          t('common.selectTextPlaceholder') + t('ustcStudentInfoDegree.fields.undergraduateDate')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.undergraduateMajor')" width="280">
      <EditInput
        v-model="model.undergraduateMajor"
        :placeholder="
          t('common.inputTextPlaceholder') + t('ustcStudentInfoDegree.fields.undergraduateMajor')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.undergraduateStudyForm')"
      width="280"
    >
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_UNDERGRADUATE_STUDY_FORM"
        v-model="model.undergraduateStudyForm"
        :placeholder="
          t('common.selectTextPlaceholder') +
          t('ustcStudentInfoDegree.fields.undergraduateStudyForm')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.bachelorUnit')" width="280">
      <EditInput
        v-model="model.bachelorUnit"
        :placeholder="
          t('common.inputTextPlaceholder') + t('ustcStudentInfoDegree.fields.bachelorUnit')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.bachelorDate')" width="280">
      <EditDate
        v-model="model.bachelorDate"
        :placeholder="
          t('common.selectTextPlaceholder') + t('ustcStudentInfoDegree.fields.bachelorDate')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.bachelorMajor')" width="280">
      <EditInput
        v-model="model.bachelorMajor"
        :placeholder="
          t('common.inputTextPlaceholder') + t('ustcStudentInfoDegree.fields.bachelorMajor')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.bachelorCategory')" width="280">
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_BACHELOR_CATEGORY"
        v-model="model.bachelorCategory"
        :placeholder="
          t('common.selectTextPlaceholder') + t('ustcStudentInfoDegree.fields.bachelorCategory')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.undergraduateNumber')"
      width="280"
    >
      <EditInput
        v-model="model.undergraduateNumber"
        :placeholder="
          t('common.inputTextPlaceholder') + t('ustcStudentInfoDegree.fields.undergraduateNumber')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.undergraduateDegree')"
      width="280"
    >
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_UNDERGRADUATE_DEGREE"
        v-model="model.undergraduateDegree"
        :placeholder="
          t('common.selectTextPlaceholder') + t('ustcStudentInfoDegree.fields.undergraduateDegree')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.bachelorNumber')" width="280">
      <EditInput
        v-model="model.bachelorNumber"
        :placeholder="
          t('common.inputTextPlaceholder') + t('ustcStudentInfoDegree.fields.bachelorNumber')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.undergraduateQualification')"
      width="280"
    >
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_UNDERGRADUATE_QUALIFICATION"
        v-model="model.undergraduateQualification"
        :placeholder="
          t('common.selectTextPlaceholder') +
          t('ustcStudentInfoDegree.fields.undergraduateQualification')
        "
        disabled
      />
    </el-descriptions-item>
  </el-descriptions>

  <el-descriptions
    class="mt-[16px]"
    :title="t('ustcstudent.view.tabDegree.master')"
    :column="2"
    border
    label-width="150"
  >
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.masterGraduateUnit')" width="280">
      <EditInput
        v-model="model.masterGraduateUnit"
        :placeholder="
          t('common.inputTextPlaceholder') + t('ustcStudentInfoDegree.fields.masterGraduateUnit')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.masterGraduateDate')" width="280">
      <EditDate
        v-model="model.masterGraduateDate"
        :placeholder="
          t('common.selectTextPlaceholder') + t('ustcStudentInfoDegree.fields.masterGraduateDate')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.masterGraduateMajor')"
      width="280"
    >
      <EditInput
        v-model="model.masterGraduateMajor"
        :placeholder="
          t('common.inputTextPlaceholder') + t('ustcStudentInfoDegree.fields.masterGraduateMajor')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.masterMethod')" width="280">
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_MASTER_METHOD"
        v-model="model.masterMethod"
        :placeholder="
          t('common.selectTextPlaceholder') + t('ustcStudentInfoDegree.fields.masterMethod')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.masterQualificationUnit')"
      width="280"
    >
      <EditInput
        v-model="model.masterQualificationUnit"
        :placeholder="
          t('common.inputTextPlaceholder') +
          t('ustcStudentInfoDegree.fields.masterQualificationUnit')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.masterQualificationDate')"
      width="280"
    >
      <EditDate
        v-model="model.masterQualificationDate"
        :placeholder="
          t('common.selectTextPlaceholder') +
          t('ustcStudentInfoDegree.fields.masterQualificationDate')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.masterQualificationMajor')"
      width="280"
    >
      <EditInput
        v-model="model.masterQualificationMajor"
        :placeholder="
          t('common.inputTextPlaceholder') +
          t('ustcStudentInfoDegree.fields.masterQualificationMajor')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.masterCategory')" width="280">
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_MASTER_CATEGORY"
        v-model="model.masterCategory"
        :placeholder="
          t('common.selectTextPlaceholder') + t('ustcStudentInfoDegree.fields.masterCategory')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.masterGraduateNumber')"
      width="280"
    >
      <EditInput
        v-model="model.masterGraduateNumber"
        :placeholder="
          t('common.inputTextPlaceholder') + t('ustcStudentInfoDegree.fields.masterGraduateNumber')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcStudentInfoDegree.fields.masterDegree')" width="280">
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_MASTER_DEGREE"
        v-model="model.masterDegree"
        :placeholder="
          t('common.selectTextPlaceholder') + t('ustcStudentInfoDegree.fields.masterDegree')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.masterQualificationNumber')"
      width="280"
    >
      <EditInput
        v-model="model.masterQualificationNumber"
        :placeholder="
          t('common.inputTextPlaceholder') +
          t('ustcStudentInfoDegree.fields.masterQualificationNumber')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item
      :label="t('ustcStudentInfoDegree.fields.masterQualification')"
      width="280"
    >
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_MASTER_QUALIFICATION"
        v-model="model.masterQualification"
        :placeholder="
          t('common.selectTextPlaceholder') + t('ustcStudentInfoDegree.fields.masterQualification')
        "
        disabled
      />
    </el-descriptions-item>
  </el-descriptions>
</template>

<script setup lang="ts">
import EditInput from '@/components/EditViewInput/EditInput.vue'
import EditDict from '@/components/EditViewInput/EditDict.vue'
import EditDate from '@/components/EditViewInput/EditDate.vue'
import { UstcStudentInfoDegreeVO } from '@/api/core/ustcstudentinfodegree'
import { DICT_TYPE } from '@/utils/dict'

const { t } = useI18n()

const model = defineModel<UstcStudentInfoDegreeVO>({ required: true })

provide('editMode', false)
</script>

<style scoped lang="scss"></style>
